<ion-view title="Browse">
  <ion-nav-buttons side="left">
    <button ng-click="cancel()" class="button button-icon icon ion-ios7-close-outline"></button>
  </ion-nav-buttons>
  <ion-nav-buttons side="right">
    <button class="button button-icon icon ion-ios7-checkmark-outline"></button>
  </ion-nav-buttons>
  <ion-content class="has-header">
    <div class="list">
		<div class="item range" style="padding-top:8px; padding-bottom:8px;">
			<i class="icon" ng-class="{'ion-ios7-star-outline':!isStar, 'ion-ios7-star calm':isStar}" ng-click="toggleStar()"></i>
		    <input type="text" placeholder="请输入标题">
		  	<i class="icon ion-ios7-pricetag-outline" ng-class="{'calm':currTags.length}" ng-click="openModal();"></i>
		</div>
	</div>
	<div style="padding:4px 10px;">
		<textarea placeholder="这里可以输入详细内容" rows="25"></textarea>
	</div>
    
<script id="tags-popover.html" type="text/ng-template">
  <div class="modal">
	  <ion-header-bar>
	    <h1 class="title">管理标签</h1>
	    <div class="buttons">
	      <button class="button button-clear" ng-click="closeModal()">Close</button>
	    </div>
	  </ion-header-bar>
    <ion-content>
    <div class="padding">
    	<div style="border-bottom:1px solid #ddd; padding:4px;">
	    	<div style="padding:4px;">当前笔记表签：</div>
	      	<i ng-repeat="tag in currTags" class="badge badge-{{tag.className}}" style="margin:4px;" ng-click="moveTag(tag, false)">
	      		{{tag.name}}
	  		</i>
	  	</div>
    	<div style=" padding:4px;">
	    	<div style="padding:4px;">您已有的标签</div>
	      	<i class="badge badge-dark" ng-repeat="tag in myTags" style="margin:4px;" ng-click="moveTag(tag, true)">
	      		{{tag.name}}
	  		</i>
  		</div>
  		<div class="item-input-inset" style="margin-top:20px;">
  			<label class="item-input-wrapper" style="border:1px solid #66cc33;">
		      <input type="text" placeholder="请输入新标签名" id="txtTagName" />
		    </label>	      
	      	<input type="button" class="button button-small" value="新建" ng-click="addTag()"/>
  		</div>
  		<div style="padding:4px 10px;">
	    	<a class="button button-small button-block button-balanced" ng-click="closeModal()">确定</a>
	    </div>
	</div>
	</ion-content>
  </div>
</script>

  </ion-content>
</ion-view>

